<template>
  <div class="Page404">
    <h1>页面找不到啦！</h1>
    <div class="error_imgs">
      <img class="pic_404__parent" src="@/assets/404_images/404.png" alt="404">
      <!-- <img class="pic_404__child left" src="@/assets/404_images/404_cloud.png" alt="404"> -->
    </div>
    <el-button @click="goHome" class="back_btn" type="primary">返回首页</el-button>
  </div>
</template>

<script>

export default {
  name: 'Page404',
  computed: {
    message() {
      return 'The webmaster said that you can not enter this page...'
    }
  },
  methods:{
    goHome(){
      this.$router.replace("/appUser")
    }
  }
}
</script>

<style lang="scss" scoped>
.Page404{
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  .error_imgs{
    display: flex;
    .pic_404__child{
      width: 152px;
      height: 138px;
    }
  }
  .back_btn{
    margin-top: 20px;
  }
}

</style>
